<template lang="pug">
  el-row(:gutter="40")
    el-col(:span="13")
      .mediaBox
        img(v-if="info.resType === 'image'" :src="info.resURL")
        video(v-else-if="info.resType === 'video'" :src="info.resURL")
    el-col(:span="11")
      .detailBox
        h2 {{info.title}}
        p.tags
          span.tag {{info.dirTitle}}
        p.small
          span 浏览人数：{{info.visitorCount || 0}}
          span 发布时间：{{info.created | dateFilter('YYYY/MM/DD')}}
          span 好评度：
            b.c_red.f30 {{info.rankVal || 0}}%
        .teacher
          user-box(:name="info.staffName" :img="info.headUrl" :tag="info.positonName")
        .detail {{info.description}}
        .footerBtns
          el-button.gradientVertical(size="large" round style="height: 60px; border-radius: 30px;padding: 0 40px") 下载附件
</template>
<script>
import UserBox from '@/components/Business/UserBox'

export default {
  components: {
    UserBox
  }
}
</script>
<style lang="scss" scoped>

</style>
